<!--
 * @Description: 
 * @Author: zhanyinjia
 * @Date: 2024-08-29 16:42:32
 * @LastEditors: zhanyinjia
 * @LastEditTime: 2024-09-02 15:04:07
-->
<script setup>
import Menu from './layout/menu/index.vue'
import ByButton from './components/ByButton.vue'
import BySonner from './components/BySonner.vue'
import BySelect from './components/BySelect.vue'
import PageG6 from '@/views/g6.vue'
import { Toaster } from '@/components/ui/sonner'
</script>

<template>
  <div>
    <Menu />
    <Toaster />
    <PageG6 />
  </div>
  <!-- <div style="padding:20px;">
    <ByButton />
    <BySonner />
    <BySelect />
  </div> -->
</template>

<style scoped>
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

.logo.vue:hover {
  filter: drop-shadow(0 0 2em #42b883aa);
}
</style>
